/**
 * 音频视频控制按钮：Play, Pause,Stop,Next,...
 * 需要调整尺寸的时候只需要设置font-size即可等比缩放
 * 主控参数默认值 font-size: $U20;
 * PS：这里没有线宽的概念，只有等比缩放。
 */

.iconoo-play {
    width: 0;
    height: 0;
    margin: 0.25em 0.35em;
    border-width: 0.5em 0 0.5em 0.8em;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.iconoo-pause {
    width: 0.3em;
    height: 1em;
    margin: 0.25em 0.9em 0.25em 0.3em;
    box-shadow: inset 0 0 0 1em, 0.6em 0 0 0;
}

.iconoo-stop {
    width: 0;
    height: 0;
    border: solid 0.5em;
    margin: 0.25em;
}

.iconoo-forward {
    width: 0;
    height: 0;
    margin: 0.25em;
    border: 0.5em solid transparent;
    border-left: 0.5em solid;
    &:before {
        position: absolute;
        left: 0;
        top: -0.5em;
        width: 0;
        height: 0;
        border: 0.5em solid transparent;
        border-left: 0.5em solid;
    }
}

.iconoo-rewind {
    @extend .iconoo-forward;
    transform: rotate(180deg);
}

.iconoo-next {
    width: 0;
    height: 0;
    margin: 0.25em 0.15em 0.25em 0.35em;
    border: 0.5em solid transparent;
    border-left: 0.5em solid;
    &:before {
        position: absolute;
        left: 0;
        top: -0.5em;
        width: 0;
        height: 0;
        border-width: 0.5em 0.15em;
        border-style: solid;
    }
}

.iconoo-previous {
    @extend .iconoo-next;
    transform: translateX(-0.25em) rotate(180deg);
}